<!--
此文件为开发者工具生成，生成时间: 2025/10/25上午11:48:39
使用方法：
在 D:\zhao\zhao-读书会JAVA\读书会小程序\unpackage\dist\dev\mp-weixin\pages\activity\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\zhao\zhao-读书会JAVA\读书会小程序\unpackage\dist\dev\mp-weixin\pages\activity\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view>
      <view class="top top">
        <image class="bcg sk-image" mode="true"></image>
        <view class="navbar navbar" style="top:44px">
          <view class="navbar_l navbar_l flex_jc_sb flex_jc_sb">
            <view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
              <text class="uni-icons icons--uni-icons uniui-location-filled icons--uniui-location-filled sk-pseudo sk-pseudo-circle" style="color: #75613E; font-size: 24px;"></text>
            </view>
            <view class="text sk-transparent sk-text-14-2857-678 sk-text">西安市</view>
            <image class="down sk-image" mode="true"></image>
          </view>
          <view class="navbar_r navbar_r flex_jc_cent flex_jc_cent">
            <image mode="true" class="sk-image"></image>
          </view>
        </view>
      </view>
      <view class="content content">
        <scroll-view class="left left" scroll-y="true">
          <view class="left_item flex_jc_cent select sk-transparent sk-image">悦读相伴悦读相伴</view>
          <view class="left_item flex_jc_cent sk-transparent sk-text-14-2857-231 sk-text">公益同行</view>
          <view class="left_item flex_jc_cent sk-transparent sk-text-14-2857-140 sk-text">围炉共话</view>
        </scroll-view>
        <view class="right right">
          <view class="right_top right_top">
            <view class="uni-date datetime-picker--uni-date">
              <view class="uni-date-editor datetime-picker--uni-date-editor">
                <view class="uni-date-editor--x datetime-picker--uni-date-editor--x">
                  <view class="uni-date-x datetime-picker--uni-date-x uni-date-range datetime-picker--uni-date-range">
                    <view class="uni-date__x-input datetime-picker--uni-date__x-input text-center datetime-picker--text-center sk-transparent sk-text-32-8571-428 sk-text" style="background-position-x: 50%;">开始日期</view>
                    <view class="range-separator datetime-picker--range-separator sk-transparent sk-opacity">至</view>
                    <view class="uni-date__x-input datetime-picker--uni-date__x-input text-center datetime-picker--text-center sk-transparent sk-text-32-8571-338 sk-text" style="background-position-x: 50%;">结束日期</view>
                  </view>
                </view>
              </view>
              <view class="uni-calendar calendar--uni-calendar"></view>
            </view>
            <view class="uni-stat__select select--uni-stat__select">
              <view class="uni-stat-box select--uni-stat-box uni-stat__actived select--uni-stat__actived">
                <view class="uni-select select--uni-select">
                  <view class="uni-select__input-box select--uni-select__input-box">
                    <view class="uni-select__input-text select--uni-select__input-text">
                      <view class="padding-top-bottom select--padding-top-bottom align-left select--align-left sk-transparent sk-text-14-2857-998 sk-text">全部</view>
                    </view>
                    <view>
                      <view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
                        <text class="uni-icons icons--uni-icons uniui-bottom icons--uniui-bottom sk-pseudo sk-pseudo-circle" style="color: #B19561; font-size: 14px;"></text>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <scroll-view scroll-y="true" style="height:calc(100vh - 180px)">
            <view class="right_item right_item">
              <view class="right_item_block right_item_block">
                <view>
                  <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
                </view>
                <view class="right_cont right_cont">
                  <view>
                    <view class="title sk-transparent sk-text-14-2857-681 sk-text">在字里行间相遇，诵读国学经在字里行间相遇</view>
                    <view class="tip tip flex flex">
                      <view class="t1 sk-transparent sk-text-18-7500-517 sk-text">悦读相伴</view>
                      <view class="t2 sk-transparent sk-text-14-2857-208 sk-text">线下</view>
                    </view>
                  </view>
                  <view>
                    <view class="user user flex flex">
                      <image mode="aspectFill" class="sk-image"></image>
                      <view class="sk-transparent sk-text-14-2857-465 sk-text">张张张怡_RUI</view>
                    </view>
                    <view class="tips tips flex flex">
                      <image mode="true" class="sk-image"></image>
                      <view class="sk-transparent sk-text-14-2857-467 sk-text">10/10 周六 14:00</view>
                    </view>
                    <view class="tips tips flex flex">
                      <image mode="true" class="sk-image"></image>
                      <view class="ts sk-transparent sk-text-14-2857-411 sk-text">东城区Cococean环贸中心源昌茶馆2楼</view>
                    </view>
                  </view>
                </view>
              </view>
              <view class="bottom bottom flex_jc_sb flex_jc_sb">
                <view class="text_flex text_flex">
                  <view class="avatar-stack avatar-stack">
                    <view class="avatar-item avatar-item" style="left:0px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                    <view class="avatar-item avatar-item" style="left:10px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                    <view class="avatar-item avatar-item" style="left:20px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                  </view>
                  <view class="tests sk-transparent sk-text-14-2857-831 sk-text">8/10 人报名</view>
                </view>
                <view class="btn sk-transparent sk-text-20-0000-598 sk-text" style="background-position-x: 50%;">去报名</view>
              </view>
            </view>
            <view class="right_item right_item">
              <view class="right_item_block right_item_block">
                <view>
                  <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
                </view>
                <view class="right_cont right_cont">
                  <view>
                    <view class="title sk-transparent sk-text-14-2857-337 sk-text">在字里行间相遇，诵读国学经在字里行间相遇</view>
                    <view class="tip tip flex flex">
                      <view class="t1 sk-transparent sk-text-18-7500-608 sk-text">悦读相伴</view>
                      <view class="t2 sk-transparent sk-text-14-2857-883 sk-text">线下</view>
                    </view>
                  </view>
                  <view>
                    <view class="user user flex flex">
                      <image mode="aspectFill" class="sk-image"></image>
                      <view class="sk-transparent sk-text-14-2857-639 sk-text">张张张怡_RUI</view>
                    </view>
                    <view class="tips tips flex flex">
                      <image mode="true" class="sk-image"></image>
                      <view class="sk-transparent sk-text-14-2857-145 sk-text">10/10 周六 14:00</view>
                    </view>
                    <view class="tips tips flex flex">
                      <image mode="true" class="sk-image"></image>
                      <view class="ts sk-transparent sk-text-14-2857-323 sk-text">东城区Cococean环贸中心源昌茶馆2楼</view>
                    </view>
                  </view>
                </view>
              </view>
              <view class="bottom bottom flex_jc_sb flex_jc_sb">
                <view class="text_flex text_flex">
                  <view class="avatar-stack avatar-stack">
                    <view class="avatar-item avatar-item" style="left:0px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                    <view class="avatar-item avatar-item" style="left:10px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                    <view class="avatar-item avatar-item" style="left:20px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                  </view>
                  <view class="tests sk-transparent sk-text-14-2857-368 sk-text">8/10 人报名</view>
                </view>
                <view class="btn sk-transparent sk-text-20-0000-158 sk-text" style="background-position-x: 50%;">去报名</view>
              </view>
            </view>
            <view class="right_item right_item">
              <view class="right_item_block right_item_block">
                <view>
                  <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
                </view>
                <view class="right_cont right_cont">
                  <view>
                    <view class="title sk-transparent sk-text-14-2857-355 sk-text">在字里行间相遇，诵读国学经在字里行间相遇</view>
                    <view class="tip tip flex flex">
                      <view class="t1 sk-transparent sk-text-18-7500-482 sk-text">悦读相伴</view>
                      <view class="t2 sk-transparent sk-text-14-2857-665 sk-text">线下</view>
                    </view>
                  </view>
                  <view>
                    <view class="user user flex flex">
                      <image mode="aspectFill" class="sk-image"></image>
                      <view class="sk-transparent sk-text-14-2857-937 sk-text">张张张怡_RUI</view>
                    </view>
                    <view class="tips tips flex flex">
                      <image mode="true" class="sk-image"></image>
                      <view class="sk-transparent sk-text-14-2857-772 sk-text">10/10 周六 14:00</view>
                    </view>
                    <view class="tips tips flex flex">
                      <image mode="true" class="sk-image"></image>
                      <view class="ts sk-transparent sk-text-14-2857-348 sk-text">东城区Cococean环贸中心源昌茶馆2楼</view>
                    </view>
                  </view>
                </view>
              </view>
              <view class="bottom bottom flex_jc_sb flex_jc_sb">
                <view class="text_flex text_flex">
                  <view class="avatar-stack avatar-stack">
                    <view class="avatar-item avatar-item" style="left:0px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                    <view class="avatar-item avatar-item" style="left:10px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                    <view class="avatar-item avatar-item" style="left:20px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                  </view>
                  <view class="tests sk-transparent sk-text-14-2857-613 sk-text">8/10 人报名</view>
                </view>
                <view class="btn sk-transparent sk-text-20-0000-119 sk-text" style="background-position-x: 50%;">去报名</view>
              </view>
            </view>
            <view class="right_item right_item">
              <view class="right_item_block right_item_block">
                <view>
                  <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
                </view>
                <view class="right_cont right_cont">
                  <view>
                    <view class="title sk-transparent sk-text-14-2857-493 sk-text">在字里行间相遇，诵读国学经在字里行间相遇</view>
                    <view class="tip tip flex flex">
                      <view class="t1 sk-transparent sk-text-18-7500-210 sk-text">悦读相伴</view>
                      <view class="t2 sk-transparent sk-text-14-2857-820 sk-text">线下</view>
                    </view>
                  </view>
                  <view>
                    <view class="user user flex flex">
                      <image mode="aspectFill" class="sk-image"></image>
                      <view class="sk-transparent sk-text-14-2857-558 sk-text">张张张怡_RUI</view>
                    </view>
                    <view class="tips tips flex flex">
                      <image mode="true" class="sk-image"></image>
                      <view class="sk-transparent sk-text-14-2857-680 sk-text">10/10 周六 14:00</view>
                    </view>
                    <view class="tips tips flex flex">
                      <image mode="true" class="sk-image"></image>
                      <view class="ts sk-transparent sk-text-14-2857-952 sk-text">东城区Cococean环贸中心源昌茶馆2楼</view>
                    </view>
                  </view>
                </view>
              </view>
              <view class="bottom bottom flex_jc_sb flex_jc_sb">
                <view class="text_flex text_flex">
                  <view class="avatar-stack avatar-stack">
                    <view class="avatar-item avatar-item" style="left:0px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                    <view class="avatar-item avatar-item" style="left:10px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                    <view class="avatar-item avatar-item" style="left:20px">
                      <image class="avatar-img sk-image" lazy-load="true" mode="aspectFill"></image>
                    </view>
                  </view>
                  <view class="tests sk-transparent sk-text-14-2857-764 sk-text">8/10 人报名</view>
                </view>
                <view class="btn sk-transparent sk-text-20-0000-964 sk-text" style="background-position-x: 50%;">去报名</view>
              </view>
            </view>
            <view class="right_item right_item">
              <view class="right_item_block right_item_block">
                <view>
                  <image lazy-load="true" mode="aspectFill" class="sk-image"></image>
                </view>
                <view class="right_cont right_cont">
                  <view>
                    <view class="title sk-transparent sk-text-14-2857-59 sk-text">在字里行间相遇，诵读国学经在字里行间相遇</view>
                  </view>
                </view>
              </view>
            </view>
          </scroll-view>
        </view>
      </view>
    </view>
  </view>
</template>
<style>
	/*
	此文件为开发者工具生成，生成时间: 2025/10/25上午11:48:39
	
	在 D:\zhao\zhao-读书会JAVA\读书会小程序\unpackage\dist\dev\mp-weixin\pages\activity\index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-678 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-231 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-140 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-32-8571-428 {
	    background-image: linear-gradient(transparent 32.8571%, #EEEEEE 0%, #EEEEEE 67.1429%, transparent 0%) !important;
	    background-size: 100% 70.0000rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-32-8571-338 {
	    background-image: linear-gradient(transparent 32.8571%, #EEEEEE 0%, #EEEEEE 67.1429%, transparent 0%) !important;
	    background-size: 100% 70.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-998 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-681 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-18-7500-517 {
	    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-208 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-465 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-467 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-411 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-831 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-0000-598 {
	    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
	    background-size: 100% 40.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-337 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-18-7500-608 {
	    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-883 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-639 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-145 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-323 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-368 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-0000-158 {
	    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
	    background-size: 100% 40.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-355 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-18-7500-482 {
	    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-665 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-937 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-772 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-348 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-613 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-0000-119 {
	    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
	    background-size: 100% 40.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-493 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-18-7500-210 {
	    background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-820 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-558 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-680 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-952 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-764 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-0000-964 {
	    background-image: linear-gradient(transparent 20.0000%, #EEEEEE 0%, #EEEEEE 80.0000%, transparent 0%) !important;
	    background-size: 100% 40.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-59 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>